<!-- /.aside -->
<section id="content"  style="height:1600px">

    <section class="vbox">

      <header class="header bg-light dk">
        <p></p>
      </header>
      <section class="scrollable wrapper">
        <div class="row" style="margin-top:22px">
          <div class="content-padding">
            <div class="col-md-6" style="padding-left:35px">
              <my-info-in-project-component></my-info-in-project-component>
            </div>
            <mini-point-component></mini-point-component>
            <!-- .nav-justified -->
            <section class="panel panel-default" style="height: 20000px;margin-left:25px;">
              <header class="panel-heading bg-light">
                <ul class="nav nav-tabs nav-justified">
                  <li><a (click)="toProjectIndex(project.id)"><i
                    class="icon-home m-r-md"></i>项目主页</a></li>
                  <li  class="active"><a href="#"><i
                    class="icon-settings m-r-md"></i>项目设置</a></li>
                </ul>
              </header>
              <div class="panel-body">
                <div class="tab-content">
                  <div class="tab-pane active" id="home">
                    <div class="row">
                      <div class="col-sm-12 padder-md">
                        <form  (ngSubmit)="onSubmit()" #addProjectForm="ngForm" data-validate="parsley">
                          <section class="panel panel-default" style="height: 3000px;">
                            <header class="panel-heading">
                              <span class="h4">项目设置 </span>
                            </header>
                            <div class="panel-body">
                              <p class="text-muted">请完善下面信息</p>
                              <div class="form-group">
                                <label>项目名称</label>
                                <input type="text" class="form-control" required
                                       [(ngModel)]="project.title" name="title"
                                       #title="ngModel">
                                <div [hidden]="title.valid || title.pristine"
                                     class="alert alert-danger">
                                  请输入项目名称
                                </div>
                              </div>
                              <div class="form-group">
                                <label>项目分类</label>
                                <input type="hidden" class="form-control" id="categoryId"
                                       value=""
                                       [(ngModel)]="project.category.id" name="categoryId"

                                       #categoryId="ngModel">

                                <input type="text" class="form-control" id="categoryName"
                                       readonly
                                       value="1"
                                       (click)="onClickMe()"
                                       [(ngModel)]="project.category.name" name="categoryName"
                                       #categoryName="ngModel">
                              </div>

                              <div class="form-group">
                                <label>项目描述</label>
                                <input type="text" class="form-control"  data-required="true"
                                       [(ngModel)]="project.description" name="description"
                                       #description="ngModel"
                                >
                              </div>

                              <div class="form-group">
                                <label>项目公开性</label>
                                <div class="radio i-checks">
                                  <label>
                                    <input type="radio"
                                           [(ngModel)]="project.isOpenItem" name="isOpenItem"
                                           #isOpenItem="ngModel"
                                           value="0"  checked = "checked" >
                                    <i></i>
                                    公开项目 仅项目成员可以查看和编辑该项目
                                  </label>
                                </div>
                                <div class="radio i-checks">
                                  <label>
                                    <input type="radio"  value="1"
                                           [(ngModel)]="project.isOpenItem" name="isOpenItem"
                                           #isOpenItem="ngModel"
                                    >
                                    <i></i>
                                    私有项目 仅项目成员可以通过链接查看该项目，编辑该项目
                                  </label>
                                </div>
                              </div>
                              <div class="form-group">
                                <div class="checkbox i-checks">
                                  <label>
                                    <input type="checkbox" name="check" checked data-required="true"
                                    ><i></i> 同意版权声明 <p>用户不得侵犯包括他人的著作权在内的知识产权以及其他合法权利，请勿在未经授权的情况下转载任何涉及著作权侵权的经验，
                                    除非完全由您个人创作。由于用户发布的相关内容引起的任何知识产权纠纷或其他法律纠纷，
                                    其责任在于用户本人，与本网站无关。点击发布即表示您确认该经验不违反国家相关法律法规及经验协议，
                                    并且您拥有该经验的合法、完整的版权或者合法、完整的转载授权。</p>
                                  </label>
                                </div>
                              </div>
                              <div class="line line-dashed b-b line-lg pull-in"></div>
                              <div class="form-group text-right">

                                <button type="reset" class="btn btn-default">取消</button>
                                <button type="submit" class="btn btn-primary" [disabled]="!addProjectForm.form.valid">保存</button>

                              </div>
                              <div class="form-group text-right">

                                <button type="button" (click)="deleteProject(project.id)" class="btn btn-danger">删除</button>
                              </div>

                            </div>
                            <footer class="panel-footer text-right bg-light lter">

                            </footer>
                          </section>
                        </form>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </section>
            <!-- / .nav-justified -->

          </div>
        </div>
      </section>
    </section>
    <a href="#" class="hide nav-off-screen-block" data-toggle="class:nav-off-screen,open"
       data-target="#nav,html"></a>
  </section>


<div id="box">

  <ul class="tree-list">
    <li *ngFor="let t of tree;index as i;first as isFirst">
      <span class="one" *ngIf="t.lev==1"> {{t.name}}</span>
      <span class="two" *ngIf="t.lev==2">{{t.name}}</span>
      <span class="three" *ngIf="t.lev==3"><input type="radio" id="category-id" value="{{t.name}},{{t.id}}" name="category-info"/>{{t.name}}</span>
    </li>

  </ul>
</div>
